Bikin button sepert ini 
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mandan * 


import 


id main() => runApp(MyA 


$ flutter run 


Your application code is in .\lib\main.dart. 


exit code 6 


01:02 
BH semi» (2304 SISI 
A 33. FLUTTER 30. Button Belah Ketupat Warna Warni (Transform).mp4 - VLC media player - 


Media Playback Audio Video Subtitle Tools View Help 


home: 
appBar: Ar ] X 22) 
body: 
child: Row( 
mainAxisAlignment: M AxisA r t.spaceEvenly, 
children: 


IP 


' Flutter 


$ flutter run 


Your application code is in .\lib\main.dart. 


exit code 6 


Le 


no kemu] ri mZX 
Colorfulbutton belum buat 
Buat di file 

Import 

Stf 
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import 
extends 


createState() => 


arride 
build(E xt context) { 


turn Stack(]); 


$ flutter run 
Your application code is in .\lib\main.dart. 


exit code 6 


% 


o 


03:14 
Hoo omn i2 SITA 


Buat stack karna kotak tumpuk dgn stack 
Buat material base kotak 
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t context) ( 
turn 


children 


runtime.cc:566] at android.hardware.radio.V1 


Response 


F/m.android.phon(30823): runtime.cc:566] 


F/m.android.phon( ): runtime.cc:566] 


e sis 


04:15 
I kap» i2 SSM 


Buat boton butuh 2 warna buat variabel menyimpan 


] 


2.1 


Flutter 


{Radio 
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Tools View Help 


> No Configurations * (P colorful button dan e 


pack flutter/material.dart'; 


createState() => 
mainColor, secondColor; 
context) ( 


width: 50, 
height: 56, 
child: 


tupDataCallResult.java:113) 
F/m.android.phon(31113): runtime.cc:566] at android.hardware. 
Response. java ) 
F/m.android.phon(31113): runtime.cc:5 

NA 


F/m.android.phon(31113): runtime.cc 


04:37 
|] ke» DI 


Main color dan seconcolor isi dg nconstruktro 
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b No Configurations * 


build( context) ( 
return 
home: 
appBa ("Colorful Buttons"),), 
body: 
child: ( 
mainAxisAlignment: spaceEvenly, 
children: < >[ 
0 
L 
), 


tupDataCallResult.java:113) 

F/m.android.phon(3117 runtime.cc:566] at android.hardware.radio.V1 2.IRadioResponse$Stub.onTransact(IRadio 
Response. java:3259) 

F/m.android.phon(31177): runtim 


F/m.android.phon(31177): runtime.cc 


04:41 
TE) wee mom iz 
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colorful buttondart e 


package: flutter/material.dart'; 
mainColor, secondColor; 


createState() => (mainColor, secondColor); 


.mainColor, .secondColor); 


» ( 


mainColor, secondColor; 


.mainColor, .secondColor); 


build( context) { 


ardwareConfig.java:87) 

F/m.android.phon(32503): runtime.cc:566] at android.hardware.rad 2 dioResponse$Stub.onTransact(IRadio 
Response. java:4620) 

F/m.android.phon(32503): runtime. 


F/m.android.phon(32503): runtime. 


06:00 
Hoo omm DI 
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main() runApp( 


build( 


home: 
appBar: (title: olorful Buttons"),), 
body: ( 
child: ( 
mainAxisAlignment: .spaceEvenly, 
children: « 
.blue) 


tupDataCallResult.java:113) 
F/m.android.phon(32548): runtime at android.hardware.radio.V1 2.IRadioResponse$Stub.onTransact(IRadio 
ava:3259) 
ndroid.phon(32548): runtim 


F/m.android.phon(32548): runtime.c 


06:12 
VE) keep» iiu SS 
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> No Configurat colorful buttondar x 


a ms MaGAleUlU! ) DELUNULULUI > 


.mainColor, .secondColor); 


os 


‘olorful Buttons 
context) { 


return 


childre 


width: 
height 
child: 
color: mainColor, 


)) 


l(SetupDataCallResult.ja 
F/m.android.phon(327@5) : 
adioResponse. java:3259 

F/m.android.phon(32705): java vm ext.cc:542] 


^ IRLARPONNTS 
Reloaded 2 of 444 libraries in 357ms. 


06:35 
|] ee omm cz 


Ujung2 
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> No Configurat colorful buttondart x 


mainColor, secondColor; 


.mainColor, .secondColor); 


'olorful Buttons 


build( 


return 


context) ( 


children: 


width: 59, 
height: 5€ 


child: 


( 


borderRadius: 


color: 
child: 


)) 


F/m.android.phon(3 


mainColor, 
( .adb), 


java vm ext.cc:5 


Reloaded of 444 libraries in 357ms. 
Reloaded 2 of 444 libraries in 493ms. 


Reloaded 2 of 444 libraries in 391ms. 


07:15 
|] «am 


ca) tht 


~ 


Lingkaran putih buat sized box 


.circular(15), 
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b No Configurations * OF colorful button dart x 


build( context) { 
urn ( 
og 
Colorful Buttons 
width: 
height: 
child: 
borderRadius: .circular(15), 
color: mainColor, 
child: ( .adb, color: .whit 
DE 


width: 

heigh 

child: 
borderRadius: .circular(25), 
color: .blue.withOpacity(0.5), 


Reloaded libraries 
Reloaded 2 of 4 libraries 
Reloaded 2 of libraries 
€— Reloaded 2 braries 424ms. 


Reloaded of libraries 420ms. 


08:39 
|] ee omm DI 


Geser ke atas 
Pakai transform di sizedbox 
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colorful buttondart x 


build( context) { 
PEUER p 
children: oe 
olorful Buttons 
width: 59, 
height: 56, 
child: ( 
borderRadius: .circular(15), 
color: mainColor, 
child: ( .adb, color: ite,), 
.translate( 
offset: (3e, 30), 
child: 
width: 56, 
height: 59, 
child: 
borderRadius: .circular(25), 
color: .blue.withOpacitv(9.5). 


Relc librarie 

Reloaded f libraries in 424ms. 
Reloaded librarie 420ms. 
Reloaded 2 braries 354ms. 


Reloaded libraries 574ms. 


10:04 
I ke» 0204 SS 


Tranform.tranlase copy 
Tambah 3 
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colorful button dart e 


borderRadius: .circular( 
color: .blue.withOpacity(9.5), 


-translate( 
offset: (30, 30), 
child: ( 
^ CML STACK width: 50 
heigh 


of 444 libraries in 420ms. 
Reloaded 2 of 444 libraries in 354ms. 
Reloaded 2 of 444 libraries in 574ms. 
I/colorful butto(30607): Background concurrent copying GC d , 3(6ØKB) LOS o 


jects, 58% free, 1090KB/2MB, paused 54.719ms total 80.939ms 


10:30 
>| Kia c2 
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> No Conti colorful buttondart * 


), 
); 
.translate( 
offset: 
child: 
width: 50, 
height: 59, 
child: ( 
borderRadius: .circular(2 
color: .blue.withOpacity(0.5), 


.translate( 
offset: 
child: 


44 libraries 420ms. 

444 libraries in 354ms. 
of 444 libraries in 574m 
butto(30607): Background concurrent copying GC freed 31112(126@KB) AllocSpace objects, 3(6ØKB) LOS o 
free, 1090KB/2MB, paused 54.719ms total 80 


10:42 
|] kp» iz m 
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> No Configurations * OF colorful button dart x 


.translate( 
offset: (-30, -30) 
child: ( 

width: 59, 
height: 59, 
child: ( 


borderRadius: .circular(25), 
color: .blue.withOpacity(9.5), 


borderRadius: .circular(25), 
color: .blue.withOpacity(9.5), 


Reloaded 2 of 444 librarie 

Reloaded 2 of 444 libraries 

Reloaded 2 of 444 libraries in 574m 

I/colorful_butto(3@607): Background concurrent copying GC freed 31112(126@KB) AllocSpace objects, 3(6@KB) LOS o 
bjects, 58% free, 1090KB/2MB, paused 54.719ms total 80.939ms 


^ BRLARPONNTS 


10:54 —A————————— 24:40 
Hom ri = 
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colorful buttondart x 


.translate( 
offset: 
child: 
width: 
heigh 
child: 
borderRadius: .circular(25), 


os 


Colorful Buttons 


color: .blue.withOpacity(0.5), 


offset: "EELOR 
child: 
width: 
height: 
child: 
borderRadius: .circular(2 


color: .blue.withOpacity(0.5), 


Reloaded 2 of 444 brar: in 354ms. 

Reloaded 2 of 444 libraries in 574ms. 

I/colorful butto(30607): Background concurrent copying GC freed 31112(126ØKB ) mæ» 
bjects, 58% free, 1090KB/2MB, pa d 54.719ms total 80.939ms 


Reloaded 2 of 444 libraries in 473ms. 


10:58 


|] omn 1384 mM "TP M 
Maka sudah 4 sisi maka kita potong 


distack 
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colorful buttondart x 


HdAll.U1UF, SCCUIIUCUALUI y 


.mainColor, .secondColor); 


mon 


Colorful Buttons 


context) { 
n 
borderRadius: .circular(15), 
child: 
ldren: 
( 
width: 59, 
height: 59, 
child: ( 
borderRadius: .circular(15), 
color: mainColor, 
child: ( 


in 574m 
Background c "rent copying GC fri 31112(1260K 
(B/2MB, paused 54.719ms total 80.939 
Reloaded 2 of 444 librarie in 473ms. 


Reloaded 2 of 444 libraries in 431ms. 


11:57 
Hom ri 


Sz 4 PM 
sudah terpotong ubah menjadi putih 
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colorful buttondart x 
child: 
width: 59, 
height: 59, 
child: ( AIO 
borderRadius: .circular(25), Colorful Buttons 
color: .white.withOpacity(0.5), 
DA 
), 
)» 
.translate( 
offset: (30, -30), 
child: ( 
width: 59, 
height: 59, 
child: 
borderRadiu .circular(2 
color: .White.withOpacity(0.5), 


I/colorful butto(30607): Background concurrent copying GC freed 31112(126ØK LOS o 
bjects, 58X free, 1090KB/2MB, paused 54.719ms total 80.939ms 

Reloaded 2 of 444 libraries in 473ms. 

Reloaded 2 of 444 libraries in 431ms. 

Reloaded 2 of 444 libraries in 671ms. 


12:25 
VE) omm cz) 


Bayangan nya 


Sj» — 
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ma1nColor, .secondColor); 


508 
mainColor, secondColor; ‘olorful Buttons 


.mainColor, . secondColor); 


build( context) ( 
return ( 
borderRadius: .circular(15), 
elevation: 19, 
child: 
borderRadius: .circular(15), 
child: 
children: « 
( 
width: 50, 
height: 59, 
vun RUE LENE VUpya Ut II EEU "Aaa. 
paused 54.719ms total 80.939ms 
2 of 444 librari 473ms. 
of 444 y 431m 
Reloaded 2 of 444 libraries 671m 


Reloaded 2 of 444 libraries in 436ms. 


Ingin bayang juga berubah2 saaat diklik juga berubah bungkus lagi material 
Dgn gesturedetegtor 


33.FLUTTER 30. Button Belah Ketupat Warna Warni (Transform).mp4 - VLC media player = x 


Media Playback Audio Video Subtitle Tools View Help 


maincoior, .secondColor); 


mainColor, secondColor; 


.mainColor, .secondColor); 


build( context) ( 
return ( 
onTapDown: (details) {|}, 
child: ( 
borderRadius: .circular(15), 
elevation: 
child: 
borderRadius: He ular(15), 
child: 
children: 


5 x xm Fo ESTE 
1090KB/2MB, paused 5 total 80.939ms 
Reloaded 444 libraries in 473m 
Reloaded 2 of 444 libraries in 431ms. 
aded 2 444 libraries in 671m 
Reloaded 2 of 444 libraries in 436ms. 


14:18 
Hom] rim) EG 


Buat satu bolean itu ditekan atau gk 
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colorful buttondart e 


isPres 


sed = 


.mainColor, .secondColor); 


3 


mainColor, secondColor; 


build( 


return 


.mainColor, .secondColor); 


context) ( 


( 


onTapDown: (details) () 
child: 
borderRadius: 


elevation: 10 
child: 
borderRadius: .circular(15), 


^ CUL SUM child: 


free, 
teloaded 2 of 444 1 
Reloaded of 444 
Reloaded 2 of 444 1 
Reloaded 2 of 444 1 


4 MRLARPONNTS 


14:40 
Hoo omm DIN 


Saya ubah 
Tadi false jadi true 
Ontap juga sama 


ldren: 


ibraries 


ibraries 


ibraries 


OntapCencel jika ditap tapi cencel 
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colorful buttondart * 


isPre 


ssed = 


( 
.circular(15), 


, 


( 
^[ 
Jar Ori elle Copy aig SEE 
54.719ms total 80.939m 
in 
in 
in 


in 436ms. 


mainColor, secondColor; 


build( 


return 


onTapDown: 


isPressed - ! 


})5}, 


onTapUp: (deta 
isPressed = ! 


Dl, 


onTapCancel: ( 
isPressed = ! 


Ds), 


child: 
borderRadius: .circular(15). 


bjects, 58% free, 
Reloaded 2 of 444 
Reloaded of 444 
Reloaded 2 f 444 
Reloaded 


16:18 
|| pe iz 


1090KB/2M 
libraries 
libraries 


libraries 


.mainColor, .secondColor); 


context) ( 


( 


(details) ( setState(() ( 


isPressed; 


ils) ( setState(() ( 
isPressed; 


) ( setstate(() ( 
isPressed 


rS Sepang v 


B, paused 54.719ms total 80.939ms 
in 473ms. 


in 


436ms. 
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P No Configurations * (P ——— 
< nnus child: ( 
borderRadius: .circular(15), 
elevation: 10, 
child: 
borderRadius: .circular(15), 
child: ( 
children: < 
( 
widt 
height 
child: 
borderRadius: .circular(15), 
color: (isPressed) ? 
child: ( 


secondColor : mainColor, 


white, 


E 
Reloaded 

Reloaded 2 of librarie n 431m 
Reloaded 2 of libraries 671m 
Reloaded f libraries in 436ms. 


Reloaded braries in 653ms. 


16:54 
Ho mmn ri = 
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colorful buttondart x 
child: ( 
borderRadius: .circular(15), 
elevation: 19, 
child: moe 
borderRadius: .circular(15), Colorful Buttons 
child: ( 


children: 


.circular(15), 
(isPressed) ? secondColor : mainColor 


444 libre 5 in 473ms. 


444 librar in 431ms. 
Reloaded 2 of 444 libraries in 671ms. 
Reloaded 2 444 libraries in 436ms. 


Reloaded f 444 libraries in 653ms. 


17:00 
|] kap» tz m 


shadow 
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cohorful buttondart x 


isPressed = !isPressed; 
n; 
) 
onTapCancel: () ( 
setState( ( ) { Colorful Buttons 
isPressed = !isPressed; 
D; 
) 
child: ( 
borderRadius: .circular(15), 


208 


elevation: (isPressed) ? 5 : 19, 
shadowColor: (isPressed) ? secondColor : mainColor, 
child: ( 
borderRadius: .circular(15), 
child: ( 
children: 
( 
width: 
height: 


tupDataCall 
ndroid.phon(10266): runt 6] at android.hardware 2. [Radio 
java:3259) 
ndroid.phon(19. 


^ BRL ARPOINTS 


F/m.android.phon(10266): runtime.cc:56 


Å «ES EE SEA ae) 
Bikin menguling pakai transfrom 


Geture refactor tranform.rotate 


N > No Configurations * $° colorful buttondart e 


^ VARIABLES 


isPressed - - 
mainColor, secondColor; 


.mainColor, .secondColor); 


build( context) { 
.rotate( 
angle: , 
3.14.. radi - 180 derajat 
child: ( 
onTapDown: (details) ( 
setState(() ( 
isPressed - lisPressed; 


"T P eru 
tupDataCallResult.java:113) 
F/m.android.phon(11079): runtime. 
Response. jav 259) 
F/m.android.phon(11079): runtime. 


4 BRI AXPOINTS. 


F/m.android.phon(11079): runtime. 


Eo Type here to search 
Mau 45/4 


Pakai yg ini math 
Import dath math 


> No Conf J colorful button dart e 
s— ckage:flutter/material.dar 
package: flutter/wic s.dart 


3 


mainColor, secondColor; 


createState() => 
(mainColor, secondColor); 


.mainColor, .secondColor); 


isPressed = F 
mainColor, secondColor; 


.mainColor, .secondColor); 


ne - > " OB tr 


.android.phon(11556): cc:558 native: 00000b37 [vdso] (__kernel_vsyscall+7) 
.android.phon(11556): runtime.cc: native: #01 pc 0007649c /system/lib/libc.so ( ioctl+28) 
.android.phon(11556): runtime.cc:55 native: #02 pc 0002a89c /system/lib/libc (ioctl460) 
— .android.phon(11 ): runtime.cc: 3 native: #03 pc 00045247 ys lib/libbinder.so (android::IPCThrea 
E = " State: :talkWithDriver(bool)+391) 
a i > 


Cukup tulis pi yaitu 4.14 


> No Config 4 colorful buttondart x 


isPressed = F 


645 0 & 


mainColor, secondColor; 


Colorful Buttons 


.mainColor, . secondColor); 


build( context) ( 
returr .rotate( 
angle: pi / 4, 
child: ( 
onTapDown: (details) ( 
setState(() ( 
isPressed = !isPressed; 


D; 

b 

onTapUp: (details) ( 
setState(() ( 


‘pms (adr Use i uname o 
tupD. sult.java:113) 

F/m.android.phon(11709): runtime.cc:566] at android.hardware.radio.V1 2.1 fRadio 
Response 59) 

F/m.android.phon(117 : runtime.cc:566] 


^ BREAKPOINTS 


F/m.android.phon(117 : runtime.cc 6] 


Disini lambang andorid putar maka putar juga 


> No Configur 4 colorful buttondart x 


— [EWUH 
borderRadius: .circular(15), 
child: ( 


children: 64 o8 


Colorful Buttons 


height: > 
child: ( 
borderRadius: .circular(15), 


color: (isPressed) ? secondColor : mainCol 
child: .rotate( 
angle: -pi / 4, 
child: ( 
.adb, 
color: .white, 


.translate( 
offset: (39, 30), 


tupDataCallResult.java:113) 

F/m.android.phon(12217): runtime.cc:566] at android.hardware.radio.V1 2.1 {Radio 
onse. java: 

F/m.android.phon(12217): runtime.cc:566] 


F/m.android.phon(12217): runtime.cc:566] 


lambang juga ganti 


I b No Configurations * OP colorful buttondart € 


X package: Tiutter/wlagets. 


'dart:math'; 


mainColor, secondColor; 
iconData; 


createState() => 
(mainColor, secondColor, iconData); 


.mainColor, .secondColor); 


isPressed - - 
mainColor, secondColor; 
iconData; 


.mainColor, .secondColor, .iconData 


F NT 


tupDataCallResult.java:113) 


F/m.android.phon(12838): runtime.cc:5 at android.hardware.radio.V1 2.IRadioResponse$Stub.onTransact(IRadio 
Response. jav a) 


F/m.android.phon(12 ): runtime. 


^ BRLAKPONTS 


F/m.android.phon(12838): runtime. 


Didepan juga harus ganti 


> No Configur 


^ VARIABLES 


lorful Buttons"),), 


mainAxisAlignment: .SpaceEvenly, 
children: < »[ 


( .blue, .adb), 

( 4 «red, . comment), 
( 
( 


.purple, .computer), 
. yellow, .contact phone) 


roid.hardware.radio.V1 2.IRadioResponse$Stub.onTransact(IRadio 
Response.java: 
F/m.android.phon(13618): 
F/m.android.phon(13618): runtim 


Reloaded 1 of 444 libraries in 747ms 


> No Configur 
^ VARIABLES borderRadius: .circular(15), 
child: 
children: 
oe 
width: 5 Colorful Buttons 
height: 
child: 
borderRadius: .circular(15), 
color: (isPressed) ? secondColor : mainCol 
child: .rotate( 
angle: -pi / 4, 
child: ( 
iconData, 
color: 
), 
)s 
)); 
.translate( 
offset: (30, 30), 


ardwareConfig.java:87) 

F/m.android.phon(14915): runtime. 7566 at android.hardware.rac {Radio 
Response. jav 2) 

F/m.android.phon(14915): runtime. 


^ BRLAKPOINTS. 


F/m.android.phon(14915): runtime. 


